// PAGINATION
// ----------

.pagination {
    height: $baseLineHeight * 2;
    margin: $baseLineHeight *2 20px;
}
.pagination ul {
    display: inline-block;
    @include ie7-inline-block();
    margin-left: 0;
    margin-bottom: 0;
    @include border-radius(3px);
    @include box-shadow(0 1px 2px rgba(0,0,0,.1));
}
.pagination li {
    display: inline;
}
.pagination a {
    float: left;
    padding: 0 10px;
    line-height: ($baseLineHeight * 2) - 10;
    text-decoration: none;
    color:$gray; 
    border: 1px solid #ccc;
    border-left-width: 0;
    @include box-shadow(inset 0 1px 0 rgba(255, 255, 255, 1));
    @include gradient-vertical(#fcfcfc, #f3f3f3);
}
.pagination a:hover{
    @include gradient-vertical(#f3f3f3, #fcfcfc);
}
.pagination .active a {
    color:$white; 
    border-color:#444; 
    @include box-shadow(inset 0 1px 0 rgba(255, 255, 255, .2));
    @include gradient-vertical(#555, #6d6d6d);
    cursor: default;
}
.pagination .disabled a,
.pagination .disabled a:hover {
    color: $grayLight;
    background-color: transparent;
    cursor: default;
}
.pagination li:first-child a {
    border-left-width: 1px;
    @include border-radius(3px 0 0 3px);
}
.pagination li:last-child a {
    @include border-radius(0 3px 3px 0);
}

// Centered
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
